<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <link rel="icon" type="text/css" href="img/favicon.ico">
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/shoppingCar.css">
</head>
<body>
    <!--网页头部-->
    <div id="userheader"></div>
    <!--内容-->
    <div id="content">
        <!--内容导航栏-->
        <nav class="navbar navbar-default">
            <div class="container">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">家具租赁</a>
                    </li>
                    <li>
                        <a href="#">增值服务</a>
                    </li>
                    <li>
                        <a href="#">最新咨询</a>
                    </li>
                    <li>
                        <a href="#">个人中心</a>
                    </li>
                </ul>
            </div>
        </nav>
        <div class="container">
            <div id="panel" class="panel panel-default">
                <div class="panel-heading">
                    <h4>租赁清单</h4>
                </div>
                <div class="panel-body">
                    <ul class="product list-inline">
                        <li>商品信息</li>
                        <li>单价</li>
                        <li>数量</li>
                        <li>时长</li>
                        <li>操作</li>
                    </ul>
                    <!--列表组1-->
                    <ul class="orders list-inline">
                        <li class="imgInfo">
                            <img class="selSingle" src="img/checked.jpg">
                            <div class="media">
                                <div class="media-left">
                                    <img src="img/example.jpg">
                                </div>
                                <div class="media-body">
                                    <p>欧尚办公组合家具</p>
                                    <p>
                                        <img src="img/color.jpg">
                                    </p>
                                    <p class="chooseSize">
                                        <span class="sui">
                                            <b>随租随还</b>
                                            <i><</i>
                                        </span>
                                        <span class="size">
                                            A型摆放两人位含柜1.2*2.8M
                                        </span>
                                        <i class="yellow"><</i>
                                    </p>
                                    <div class="chooseWay">
                                        <p class="active">
                                            <b class="circle"></b>
                                            <span>随租随还</span>
                                        </p>
                                        <p>
                                            <b class="circle"></b>
                                            <span>租满即送</span>
                                        </p>
                                    </div>
                                    <div class="specifications">
                                        <p class="active">
                                            <b class="circle"></b>
                                            <span>A型摆放两人位含柜1.2*2.8M</span>
                                        </p>
                                        <p>
                                            <b class="circle"></b>
                                            <span>B型摆放两人位含柜1.2*2.8M</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="money">¥225/月</li>
                        <li class="number">
                            <b class="glyphicon glyphicon-minus-sign"></b>
                            <!--<img src="img/noadd.jpg" class="addreduce">-->
                            <span class="num">1</span>
                            <b class="glyphicon glyphicon-plus-sign"></b>
                            <!--<img src="img/add.jpg" class="addreduce">-->
                        </li>
                        <li class="selDate">
                            <span class="active">12个月</span>
                            <span>24个月</span>
                        </li>
                        <li class="">
                            <span>&times;</span>
                        </li>
                    </ul>
                    <!--列表组2-->
                    <ul class="orders list-inline">
                        <li class="imgInfo">
                            <img class="selSingle" src="img/choose.png">
                            <div class="media">
                                <div class="media-left">
                                    <img src="img/example.jpg">
                                </div>
                                <div class="media-body">
                                    <p>欧尚办公组合家具</p>
                                    <p>
                                        <img src="img/color.jpg">
                                    </p>
                                    <p class="chooseSize">
                                        <span class="sui">
                                            <b>随租随还</b>
                                            <i><</i>
                                        </span>
                                        <span class="size">
                                            A型摆放两人位含柜1.2*2.8M
                                        </span>
                                        <i class="yellow"><</i>
                                    </p>
                                    <div class="chooseWay">
                                        <p class="active">
                                            <b class="circle"></b>
                                            <span>随租随还</span>
                                        </p>
                                        <p>
                                            <b class="circle"></b>
                                            <span>租满即送</span>
                                        </p>
                                    </div>
                                    <div class="specifications">
                                        <p class="active">
                                            <b class="circle"></b>
                                            <span>A型摆放两人位含柜1.2*2.8M</span>
                                        </p>
                                        <p>
                                            <b class="circle"></b>
                                            <span>B型摆放两人位含柜1.2*2.8M</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="money">¥225/月</li>
                        <li class="number">
                            <b class="glyphicon glyphicon-minus-sign"></b>
                            <span class="num">1</span>
                            <b class="glyphicon glyphicon-plus-sign"></b>
                        </li>
                        <li class="selDate">
                            <span class="active">12个月</span>
                            <span>24个月</span>
                        </li>
                        <li class="">
                            <span>&times;</span>
                        </li>
                    </ul>
                </div>
                <div class="panel-footer">
                    <div class="leftaccount">
                        <ul class="list-inline">
                            <li>
                                <img src="img/checked.jpg" alt="">
                            </li>
                            <li>
                                已选择<span>2</span>件商品&nbsp;&nbsp;|&nbsp;&nbsp;<b id="chooseAll">全部选择</b>
                            </li>
                            <li class="rt">
                                应付金额：<i>$1280</i>
                            </li>
                        </ul>
                        <p>
                            共计<span>3</span>件商品
                            <u class="rt">应付金额不包含运费</u>
                        </p>
                    </div>
                    <div class="rightaccount">
                        <b>
                            <i class="leftCircle"></i>
                            <a href="confirmOrder.html">确认付款</a>
                            <i class="rightCircle"></i>
                        </b>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer"></div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootlint.js"></script>
    <script src="js/common.js"></script>
    <script src="js/shoppingCar.js"></script>
    <!--<script>-->
    <!--bootlint.showLintReportForCurrentDocument([]);-->
    <!--</script>-->
</body>
</html>